<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24"> </a-row>
      </a-form>
    </div>
    <div style="display: flex; justify-content: center; align-iteam: center">
      <table class="table-style">
        <tr>
          <td>学生学号：{{ this.dataSource.username }}</td>
        </tr>
        <tr>
          <td>姓名：{{ this.dataSource.realname }}</td>
        </tr>
        <tr>
          <td>性别：{{ this.dataSource.sex }}</td>
        </tr>
        <tr>
          <td>年龄：{{ this.dataSource.age }}</td>
        </tr>
        <tr>
          <td>专业：{{ this.dataSource.major }}</td>
        </tr>
        <tr>
          <td>年级：{{ this.dataSource.grade }}</td>
        </tr>
        <tr>
          <td>班级：{{ this.dataSource.className }}</td>
        </tr>
        <tr>
          <td>总积分：{{ this.dataSource.score }}</td>
        </tr>
      </table>
    </div>
    <base-score-modal ref="modalForm" @ok="modalFormOk"></base-score-modal>
  </a-card>
</template>

<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import BaseScoreModal from './modules/BaseScoreModal'
import JSuperQuery from '@/components/jeecg/JSuperQuery.vue'
import { postAction, getAction } from '@/api/manage'
export default {
  name: 'personalCenter',
  mixins: [JeecgListMixin, mixinDevice],
  components: {
    BaseScoreModal,
    JSuperQuery,
  },
  data() {
    return {
      description: '个人中心',
      // 表头
      url: {
        list: '/base/baseStudent/list',
      },
      dictOptions: {},
      superFieldList: [],
      dataSource1: {
        a: '20170346107',
        b: '崔怡昕',
        c: '女',
        d: '21',
        e: '网络工程',
        f: '2017级',
        g: '17网工1班',
        h: '60',
      },

    }
  },
  created() {},
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    },
  },
  methods: {
    initDictConfig() {},
    loadData(arg) {
      if(!this.url.list){
        return
      }

      getAction(this.url.list).then((res) => {
        if (res.success) {
          this.dataSource = res.result.records||res.result;
          if(res.result.total)
          {
            this.ipagination.total = res.result.total;
          }else{
            this.ipagination.total = 0;
          }
        }
        if(res.code===510){
          this.$message.warning(res.message)
        }
        this.loading = false;
      })
    },
  },
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>
<style lang="less">
.table-style {
  margin-top: 40px;
  width: 380px;
  padding: 10px 8px;
  border: 2px solid #3e6ca8;
  tr {
    margin: 13px 40px;
    width: 100%;
    border: 2px solid #3e6ca8;
    td {
      margin-left: 180px;
      border: 2px solid #3e6ca8;
      font-size: 14px;
      color: #000000d9;
      padding: 10px 50px;
      width: 50%;
    }
  }
}
</style>